import React from 'react';
import ReactDOM from 'react-dom';
import { Timeline } from '@alifd/next';

const TimelineItem = Timeline.Item;
ReactDOM.render(
    <Timeline>
        <TimelineItem
            title="Sign"
            content="[Hangzhou] has received the sign, the signer is Alibaba Post Office, thank you for using STO, looking forward to serving you again"
            time={'2016-06-10 10:30:00'}
            state="process"
        />
        <TimelineItem
            title="Delivery"
            content="[Hangzhou]Express has reached Hangzhou Hangzhou Binjiang Company"
            time={'2016-06-10 09:30:00'}
        />
        <TimelineItem
            title="Delivery"
            content="[Hangzhou] Zhejiang Hangzhou Binjiang Company dispatches members for you"
            time={'2016-06-10 09:03:00'}
        />
        <TimelineItem
            title="Transport"
            content="[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued"
            time={'2016-06-10 06:10:00'}
        />
        <TimelineItem
            title="Transport"
            content="[Dongguan City] Guangdong Dongguan Transshipment Center has been issued"
            time={'2016-06-09 18:00:00'}
        />
        <TimelineItem
            title="Processing"
            content="[Dongguan City] Shentong Express Guangdong Fenggang Branch of Guangdong Province"
            time={'2016-06-09 16:12:00'}
        />
        <TimelineItem
            title="Processing"
            content="[Dongguan City] The merchant is informing the express company to insert"
            time={'2016-06-09 14:00:00'}
        />
        <TimelineItem
            title="Processing"
            content="[Dongguan City] Your order to be picked"
            time={'2016-06-09 10:12:19'}
        />
        <TimelineItem
            title="Processing"
            content="[Dongguan] Your order starts processing"
            time={'2016-06-09 10:01:09'}
            icon="atm"
        />
    </Timeline>,
    mountNode
);
